/**********************the whole**begin****************************/
	html,body{
		margin: 0;
		padding:0;
		width:100%;
		height: auto;
		background: #f5f5f5;
	}
	
	/*统一样式*/
	a{text-decoration: none;}
	
	a:link{text-decoration: none;}
	a:hover{text-decoration: none;}
	a:active{text-decoration: none;}
	a:visited{text-decoration: none;}
	
	ul{margin:0;padding:0;}
	li{margin:0;padding:0;list-style: none;}
	
	.clear{clear:both}
	
	input{
		outline: none;
		border:none;
		appearance: none;
		-moz-appearance: none;
		-ms-progress-appearance: none;
		-webkit-appearance: none;
	}
	/**********************the whole**the end***************************/
	.top{
		position: fixed;
		z-index: 199;
		width:100%;height: 0.84rem;line-height: 0.84rem;
		top:0;left: 0;
		box-sizing: border-box;
		padding:0 0.3rem 0 0.15rem;
		text-align: center;
		font-size: 0.34rem;color:#333333;
	}
	.top1{
		background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0));
	}
	.top2{
		background: #FFFFFF;
	}
.lunbotu{
	width:100%;height: 3.43rem;
	
}
/********导航******/
.navs{
	position: relative;
	width:100%;height: auto;
	top:-0.4rem;
	background: #F8F8F8;
	z-index: 10;
	border-top-left-radius: 0.2rem;
	border-top-right-radius: 0.2rem;
	overflow: hidden;
	margin-bottom: -0.4rem;
}
.events{
	width:100%;height: 3.34rem;
	/*height: auto;/*border:1px solid red;*/
	background: #FFFFFF;
	overflow: hidden;
	/*top:9.5rem;*/
	margin-top: 0.187rem;
	box-sizing: border-box;
}

.activity{
	width:100%;height: 2.3rem;
	background: #FFFFFF;
	margin-top: 0.187rem;
	box-sizing: border-box;
	padding:0.2rem auto;
}

.main{/*position: absolute;*/
	top:15.3rem;margin-top: 0.187rem;
	width:100%;height: auto;
	padding-bottom: 1rem;
	margin-bottom: 1rem;
}
/*********头部 明细************/
.top .area{
	position: absolute;
	width:1.32rem;height: 0.47rem;line-height: 0.47rem;
	top:0.17rem;left:0.15rem;
	border-radius: 0.5rem;
	text-align: center;
	font-size: 0.23rem;
}
.area .arrow_d{
	display: inline-block;
	width:0.18rem;height: 0.1rem;
	margin-left: 0.04rem;
}
.area1{
	background: rgba(59,59,59,0.5);
	color:#FFFFFF;
}
.area2{
	background: #EBEBEB;
	color:#333333;
}
/*.top1 .areas:active{
	background: rgba(59,59,59,0.8);
}*/

.top .shopname{
	display: inline-block;
	width:auto;max-width: 3.7rem;
	height: 0.84rem;line-height: 0.84rem;
	text-align: center;
	overflow: hidden;
	font-size: 0.313rem;
	
}
.shopname span{
	display: inline-block;
	width:auto;max-width: 3.1rem;
	height: 0.84rem;line-height: 0.84rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.shopname1{
	color:#FFFFFF;
	
}
.shopname2{
	color:#333333;
	
}
.homepage{
	float:right;
	display: inline-block;
	margin-top: 0.27rem;
	width:0.292rem;height: 0.292rem;
	margin-left:0.1rem;
}
.top .menu{
	position: absolute;
	right:0.313rem;top:0;
	width:0.48rem;height: 0.84rem;line-height: 0.84rem;
}
.menu img{
	width:0.48rem;height: 0.1rem;
}
.swiper-container{
	width:100%;height: 100%;
	
}
.swiper-container .swiper-slide img{
	width:100%;height: 100%;
}
.swiper-pagination{
	position: absolute;
	width:100%;height: 0.15rem;line-height: 0.15rem;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.swiper-pagination1{
	margin-bottom: 0.33rem;
}
.swiper-pagination2{
	
}
.swiper-pagination1 .swiper-pagination-bullet{
	width:0.15rem;height: 0.04rem;
	border:1px solid #F5F5F5;
	background: #F5F5F5;
	opacity:0.5;
	
}
.swiper-pagination2 .swiper-pagination-bullet{
	width:0.15rem;height: 0.04rem;
	box-sizing: border-box;
	border:1px solid #c6c6c6;
	background: #c6c6c6;
	opacity:0.5;
	
}
.swiper-pagination1 .swiper-pagination-bullet-active{
	width:0.14rem;height: 0.14rem;
	background: inherit;
	box-sizing: border-box;
	border:2px solid #ffffff;
	margin-right: 0.07rem;
	opacity:1;
}
.swiper-pagination2 .swiper-pagination-bullet-active{
	width:0.14rem;height: 0.14rem;
	background: inherit;
	box-sizing: border-box;
	border:2px solid #404040;
	margin-right: 0.09rem;
	opacity:1;
}


.index_bg{
	
	margin-top: 0;margin-left: 0;
	width:100%;height: 100%;
	z-index: -1;
}
.activitypic{
	width:100%;height: 2.08rem;
	top:0;
	margin-top: 0;margin-left: 0;
	
}
.btns{
	width:100%;height: 3.7rem;
}

.bar{
	margin: 0 auto;
	margin-bottom: 0.1rem;;
	z-index: 99;
	/*margin-left: 0.2rem;*/
	background: #FFFFFF;
	width:7.1rem;height: 1rem;
	border-radius: 0.1rem;
	
}
#swiper-container2 .swiper-slide{
	width:100%;height: 100%;
}
#swiper-container2 .swiper-slide ul{
	width:100%;height: auto;
	padding-top:0.05rem;
	margin-bottom: 0.22rem;
}
#swiper-container2 .swiper-slide ul li{
	float:left;width:25%;height:1.25rem;
	margin-top:0.27rem;
	text-align: center;
}

#swiper-container2 .swiper-slide ul li a{
	display: block;width:100%;height: 100%;
}
#swiper-container2 .swiper-slide ul li a:active{
	opacity:0.5;
	filter:alpha(opacity=50); /* 针对 IE8 以及更早的版本 */
}
#swiper-container2 .swiper-slide ul li a img{
	width:0.79rem;height: 0.79rem;
	margin-bottom: 0.15rem;
	
}
#swiper-container2 .swiper-slide ul li a img:active{
	
}
#swiper-container2 .swiper-slide ul li div{
	font-size: 0.25rem;color:#888888;
}
.bar_left{
	float:left;
	width:1rem;height: 1rem;
	box-sizing: border-box;
	padding:0.2rem 0 0.2rem 0.2rem;
}
.bar_left div{
	width:100%;height: 100%;
	padding-right: 0.16rem;
	border-right:2px solid #F5F5F5 ;
	font-size: 0.25rem;color:#888888;
	text-align: center;
}
.bar_left div img{
	width:0.57rem;height: 0.27rem;
}
.bar_right{
	float:left;
	width:5.4rem;
	height: 0.7rem;
	box-sizing: border-box;
	margin:0.15rem 0;
	margin-left: 0.18rem;
	text-align: left;
	overflow: hidden;
}
.bar_right ul{
	width:100%;height: 0.7rem;
	overflow: hidden;
}
.bar_right ul li{
	width:100%;height: 0.35rem;line-height: 0.35rem;
	overflow: hidden;
}
.bar_right ul li a{
	display: block;
	width:100%;height: 0.35rem;line-height: 0.35rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
	font-size: 0.23rem;color:#333333;
}
.bar_right ul li a img{
	width:0.57rem;height: auto;
	margin-right: 0.12rem;
}
.bar_right ul li a:active{
	opacity: 0.5;
}
.eventLeft{
	float:left;
	width:3.1rem;height: 3.34rem;
	padding:0;
}
.eventRight{
	float:right;
	width:4.4rem;height: 3.34rem;
	border: 1px solid #FFFFFF;
	border-left: none;
	box-sizing: border-box;
	
}
.huodong{
	display: block;
	width:3.1rem;height: 3.34rem;
	background: #FFFFFF;
	border:1px solid #FFFFFF;
	border-right: 1px solid #f0f0f0 ;;
	text-align: center;
	
	
}
.huodong:active{
	/*opacity:0.5;
	filter:alpha(opacity=50); /* 针对 IE8 以及更早的版本 */
	background: #F5F5F5;
}
.hd_title{
	margin-top: 0.3rem;
	font-size: 0.292rem;color:#333333;
	margin-bottom: 0.05rem;
}
.hd_entr{
	font-size: 0.21rem;color:#fb7a47;
	margin-bottom: 0.2rem;
}
.hdPic{
	width:1.817rem;height: 1.817rem;
	border-radius: 50%;
}

.wd{
	display: inline-block;
	width:100%;height: 1.67rem;
	border-bottom: 1px solid #F0F0F0;
	background: #FFFFFF;
	box-sizing: border-box;
	padding:0 0.4rem 0 0.35rem;
}
.wd:active{
	background:#f5f5f5;
}
.more{
	float: left;margin-top: -0.05rem;
	display: inline-block;
	width:100%;height: 1.67rem;
	background: #FFFFFF;
	box-sizing: border-box;
	padding:0 0.4rem 0 0.35rem;
	
}
.more:active{
	background:#f5f5f5;
}
.wd_title{
	width:2rem;
	height: 0.3rem;line-height: 0.3rem;
	margin-top: 0.5rem;margin-right: 0;
	font-size: 0.292rem;color:#333333;
	float:left;
	text-align: left;
	overflow: hidden;
	} 

.wd_entr{
	width:2.2rem;
	line-height: 0.3rem;
	font-size: 0.21rem;color:#fb7a47;
	float:left;
	text-align: left;
	margin-top: 0.12rem;
	
}
.wdPic{
	position: absolute;
	width:1.25rem;height: 1.25rem;
	margin-top: 0.23rem;
	right: 0.4rem;
}
.more_title{
	width:2rem;
	height: 0.3rem;line-height: 0.3rem;
	margin-top: 0.5rem;margin-right: 0;
	font-size: 0.292rem;color:#333333;
	float:left;
	text-align: left;
}
.more_entr{
	width:2.2rem;
	line-height: 0.3rem;
	font-size: 0.21rem;color:#fb7a47;
	float:left;
	text-align: left;
	margin-top: 0.12rem;
}
.morePic{
	position: absolute;
	width:0.69rem;
	height:0.814rem;
	margin-top: 0.4rem;
	right: 0.68rem;
}
.activityUl{
	width:100%;
	/*height: 1.88rem;*/height: 100%;
	padding:0.2rem 0;
	
}
.activityUl li{
	width:32%;
	height: 1.88rem;
	float:left;
	margin-right: 2%;
}
.activityUl li:last-child{
	margin-right: 0;
}
.activityUl li a{
	display: block;
	width:100%;height: 1.88rem;
	text-align: left;
	
}
.activityUl li a img{
	position: absolute;
	width:32%;height:1.87rem ;
	margin-left: 0;margin-top: 0;
}
.grey0{
	cursor: pointer;
	position: absolute;
	width:32%;height:1.87rem ;
	margin-top: 0;margin-left: 0;
	background: rgba(51,51,51,0.1);
	opacity:0;
	filter:alpha(opacity=0); /* 针对 IE8 以及更早的版本 */
}
.grey0:active{
	opacity:1;
	filter:alpha(opacity=100); /* 针对 IE8 以及更早的版本 */

}
/**main begin***/
.main .main_title{
	width:100%;height: 0.835rem;line-height: 0.835rem;
}
.main_title>img{
	width:100%;height: 0.835rem;
}
.main_title a{
	display: inline-block;
	position: absolute;
	width:0.835rem;height: 0.835rem;line-height: 0.835rem;
	margin-top: -0.835rem;right:0;
	box-sizing: border-box;
	padding-right: 0.33rem;
	text-align: right;
}
.main_title a img{
	width:0.292rem;height: 0.292rem;
}
.main ul{
	width:100%;height: auto;
	
}
.main ul li{
	float:left;
	width:49.25%;height: 5.12rem;
	margin-bottom: 0.1rem;
	background: #FFFFFF;
}
.main ul li:nth-of-type(odd){
	margin-right: 1.5%;
}
.main ul li a{
	display: block;
	float:left;
	width:100%;height: 4.22rem;
	border-bottom: 1px solid #F5F5F5;
	box-sizing: border-box;
	background: #FFFFFF;
	text-align: center;
}
.main ul li a img{
	margin-top: 0.187rem;
	width:2.3rem;height: 3.34rem;
	margin-bottom: 0.28rem;
	
}
.main ul li a>div{
	width:100%;height: 0.3rem;line-height: 0.3rem;
	font-size: 0.25rem;color:#333333;
	text-align: center;
	box-sizing: border-box;
	padding:0 0.15rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.main .editboard{
	width:100%;height:0.9rem;line-height: 0.9rem;
	background: #FFFFFF;
	/*padding-left:0.2rem;*/
	text-align: center;
}

.editboard>span{border:1px solid green;
	display: inline-block;
	height: 0.9rem;line-height: 0.9rem;
	box-sizing: border-box;
	padding:0.18rem 0.2rem;
}
.picleft{
	width:auto;min-width: 0.9rem;
	box-sizing: border-box;
	text-align: left;
	float: left;
	
}
.picright{
	width:0.9rem;
	text-align: center;
	float: right;
	
}

.picleft>span{
	display:inline-block;
	/*width:0.54rem;*/
	min-width: 0.54rem;width:auto;
	height: 0.54rem;line-height: 0.54rem;
}

.picleft.type1 .kc{display: block;}
.picleft.type2 .kc{display: none;}
.picleft.type1 .dic{display: none;}
.picleft.type2 .dic{display: block;}

.picleft .kc{
	font-size: 0.27rem;color:#666666;
}
.dic{
	background: url(../images/index/dic0.png) left no-repeat ;
	background-size: 0.54rem 0.54rem;
	
}
.count{
	display: inline-block;
	width: 1.3rem;
	text-align: center;
	font-size: 0.25rem;color:#333333;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
.count.type1 .kcs{display: block;}
.count.type1 .mynum{display: none;}
.count.type2 .kcs{display: none;}
.count.type2 .mynum{display: block;}

.count span{
	display: block;
	width:0.9rem;height: 0.54rem;line-height: 0.54rem;
	
}
.picright span{
	display: block;
	width:0.54rem;height: 0.54rem;line-height: 0.54rem;
	
}

.picright.type1 .add{display: inline-block;}
/*.picright.type1 .add2{display: none;}*/
.picright.type2 .add{display: inline-block}
/*.picright.type2 .add2{display: block;}*/

.picright .add1{
	background: url(../images/index/add0.png) ;
	background-size: 100% 100%;
	
}

/*.picright .add2{
	background: url(../images/index/add1.png);
	background-size: 100% 100%;
}*/

.totop{
	position: fixed;z-index: 180;
	width:0.918rem;height: 0.918rem;
	text-align: center;
	bottom: 1.3rem;right: 0.2rem;
}
.totop img{
	width:0.918rem;height: 0.918rem;
}

/*******弹窗**********/
.grey{
	position: fixed;
	z-index: 200;
	width:100%;height: 100%;
	top:0;left:0;
	background: rgba(20,20,20,0.6);
	
}
.grey1{
	text-align: center;
	display: flex;
	justify-content: center;
}
.grey .whiteboard{
	position: fixed;
	width:6.27rem;height: 6.52rem;
	margin-top:2.86rem;
	background: #FFFFFF;
	border-radius: 0.1rem;
	overflow: hidden;
	
}

.wb_top{
	width:100%;height: 1.23rem;line-height: 1.23rem;
	text-align: center;
	font-size: 0.375rem;color:#333333;
}
.wb_bot{
	
	width:100%;height: 5.2rem;
	box-sizing: border-box;
	padding-top: 0.4rem;
}
.wb_bot>div{
	width:100%;text-align: center;
}
.wb_bot_title{
	height: 0.38rem;line-height: 0.38rem;
	font-size: 0.27rem;color:#333333;
	display: flex;
	justify-content: center;
	margin-bottom: 0.2rem;
}
.wb_bot_title img{
	width: 0.375rem;height: 0.375rem;
	float:left;
	margin-right: 0.1rem;
}

.wb_bot_title span{
	display: inline-block;
	height: 0.38rem;line-height: 0.38rem;
}

.wb_bot_num{
	box-sizing: border-box;
	padding:0 1rem;
	height: 0.37rem;line-height: 0.37rem;
	font-size: 0.27rem;color:#888888;
	margin-bottom: 0.2rem;
}
#shut{
	position: absolute;z-index: 200;
	top:9.92rem;
	width:0.6rem;height: 0.6rem;
}
#shut img{
	width:0.6rem;height: 0.6rem;
}

/**********弹出菜单**********/
.grey2{
	position: fixed;
	z-index: 200;
	width:100%;height: 100%;
	top:0;left:0;
	background: rgba(20,20,20,0.6);
	box-shadow: 0 0 0.24rem 0 rgba(0,0,0,0.15);
}

#menu{
	position: absolute;
	width:2.61rem;height: auto;
	border-radius: 0.05rem;
	background: #FFFFFF;
	top:1rem;right: 0.3rem;
	overflow: hidden;
}
#menu ul li{
	width:100%;height: 0.939rem;
}
#menu ul li a{
	display: block;
	width:100%;height: 0.939rem;line-height: 0.939rem;
	box-sizing: border-box;
	padding-left: 0.2rem;
	text-align: left;
}
#menu ul li a img{
	width: 0.313rem;height: 0.313rem;
	margin-right: 0.24rem;
}
#menu ul li a>div{
	display: inline-block;
	width:1.7rem;height: 0.939rem;line-height: 0.939rem;
	box-sizing: border-box;
	border-bottom: 1px solid #E5E5E5;
	font-size: 0.27rem;
	color:#333333;
}

.grey3{
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
}
.chose_area{
	width:6.47rem;height: 5.68rem;
	background: #FFFFFF;
	border-radius: 0.2rem;
	
}
.grey4{
	text-align: right;
	
}
.grey4 img{
	position: absolute;
	top:0.16rem;right:0.3rem;
	width:4.54rem;height: 2.11rem;
	
}
.chose_area{
	width:6.47rem;height: 5.68rem;
	overflow: hidden;
	border-radius: 0.2rem;
	/*padding:0.5rem;*/
}

.chose_area .shut{
	width:100%;height: 0.75rem;
	margin-top:0;
	text-align: right;
}

.grey3 .shut img{
	margin-right: 0;
	width:0.75rem;height: 0.75rem;
}
.chose_area_title{
	width:2.1rem;height: 0.63rem;line-height: 0.63rem;
	background: #ffb229;
	border-radius: 0.1rem;
	text-align: center;
	margin-top:-0.25rem;
	margin-left: 0.5rem;
}


.chose_area_title a{
	display: block;
	width:100%;height: 100%;
	font-size: 0.28rem;color:#FFFFFF;
}
.chose_area_title a img{
	width:0.29rem;height: 0.29rem;
	margin-top:-0.05rem;
	margin-right: 0.1rem;
	
}
.yourCity{
	margin-top:0.4rem;
	width:100%;height: 0.32rem;line-height: 0.32rem;
	text-align: left;
	box-sizing: border-box;
	padding-left: 0.5rem;
	margin-bottom: 0.5rem;
}
.yourCity img{
	display: inline-block;
	float:left;
	width:0.27rem;height: 0.27rem;
	margin-right: 0.14rem;
}
.yourCity span{
	display: inline-block;
	height: 0.32rem;line-height: 0.32rem;
}
.areaList{
	width:100%;height:2.8rem;
	overflow: hidden;
	box-sizing: border-box;
	padding:0 0.5rem;
	
}
.areaList ul{
	width:100%;height: 2.8rem;
	overflow: scroll;
}
.areaList ul li{
	float: left;
	width:1.56rem;height: 0.56rem;margin-right: 0.18rem;
	margin-bottom: 0.18rem;
}
.areaList ul li a{
	display: block;
	width:1.56rem;height: 0.56rem;line-height: 0.56rem;
	font-size: 0.29rem;color:#333333;
	text-align: center;
	background: #F0F0F0;
	border-radius: 0.1rem;
	overflow: hidden;
}
.areaList ul .active a{
	background: #FFFFFF;
	color:#fd9700;
	border:1px solid #fd9700;
	
}

.bookname{
	box-sizing: border-box;
	padding:0 0.15rem;
	height: 0.3rem;
	overflow: hidden;text-overflow: ellipsis;white-space: nowrap;
}
/*****20180307 提示开通会员 开始********/

			.grey5{
				position: fixed;
				z-index: 299;
				width:100%;height: 100%;top:0;left:0;
				background: rgba(20,20,20,0.6);
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
			.grey5 .whiteboard{
				z-index: 299;border-radius: 0.2rem;
				width:6.16rem;height: 3.86rem;
				background: #FFFFFF;
			}
			.grey5 .wb_top{
				width:100%;height: 0.35rem;line-height: 0.35rem;
				font-size: 0.334rem;color:#333333;
				margin-top:0.44rem;
				margin-bottom: 0.48rem;
				text-align: center;
			}
			.grey5 .wb_con{
				width:100%;height: auto;
				line-height: 0.43rem;
				font-size: 0.27rem;color:#888888;
				box-sizing: border-box;
				padding:0 0.4rem;
				margin-bottom: 0.55rem;
			}
			.grey5 .wb_con .font-red{
				color:#fe9102;
			}
			.grey5 .wb_bot{
				width:100%;height: 0.67rem;
				box-sizing: border-box;
				padding: 0 0.835rem;
			}
			.grey5 .wb_bot .iknow{
				display: block;
				width:100%;height: 1rem;line-height: 1rem;
				text-align: center;
				background: #FFFFFF;font-size: 0.292rem;color:#FE9102;
			}
			.grey5 .wb_bot .iknow:active{
				background: #F5F5F5;
			}
			
			.grey5 .wb_bot>button{
				width:1.94rem;height: 0.67rem;line-height: 0.67rem;
				text-align: center;font-size: 0.292rem;
				border-radius: 0.5rem;
				border:none;
				outline: medium;
				appearance: none;-moz-appearance: none;
				-ms-progress-appearance: none;-webkit-appearance: none;
			}
			.grey5 .wb_bot .cancel{
				float:left;
				background: #FFFFFF;
				color:#888888;
				border:1px solid #E5E5E5;
			}
			.grey5 .wb_bot .cancel:active{
				background: #F5F5F5;
			}
			.grey5 .wb_bot .comfirm{
				float:right;
				background: #fe9102;
				color:#FFFFFF;
			}
			.grey5 .wb_bot .comfirm:active{
				background: #ff7800;
			}
/*******提示开通会员  结束***********/